<style>
/* 列表  */
.paymentDetails .hint-text{
    width:49%;
	margin:0 0 10px 0;
	display:inline-block;
}
.paymentDetails .hint-text label{
    display: inline-block;
    width: 110px;
    text-align: right;
}
/* 车主信息 */
.paymentDetails .ownerInfo{width:100%}
.paymentDetails .ownerInfo .listInfo{
    width:calc(100% - 300px);
    display:inline-block;
}
.paymentDetails .ownerInfo .listHeader{
    display:inline-block;
}

/* 头像  */
.paymentDetails .header > img{
    width:75px;
    height:75px;
    margin:0 auto;
    background: #ccc;
    border:1px solid #999;
    border-radius:75px;
}
.paymentDetails .header{
   width:100px;
}
/* 场内路线  */
.paymentDetails .spBg{
   background:#ecffed;
   padding:2px 4px;
   color:#fff;
   border-radius:3px;
   border:1px solid #088f17;
   color:#12813d;
   margin:5px 0;
   display:inline-block;
}
.paymentDetails .spArrows{
   color:#dd1305;
   font-weight:500;
   padding:0 3px;
}
</style>

<div id="charges_log_edit_frame" class="paymentDetails">
	<div class="layerTitle left"><span>基本信息</span></div>
	<div id="umonth">
		<div class="hint-text">
			<label>凭证编号：</label> <span data-bind="text:entity_uniqueIdentifier"></span>
		</div>
		<div class="hint-text">
			<label>车牌号码：</label> <span data-bind="text:entity_vehicleNo"></span>
		</div>
		<div class="hint-text">
			<label>入场时间：</label> <span data-bind="text:entity_beginTime"></span>
		</div>
		<div class="hint-text" id="wxOut">
			<label>出场时间：</label> <span data-bind="text:entity_endTime"></span>
		</div>
		<div class="hint-text">
			<label>收费时间：</label> <span data-bind="text:entity_chargeTime"></span>
		</div>
		<div class="hint-text">
			<label>停车时长：</label> <span data-bind="text:entity_stopTime"></span>分钟
		</div>
	</div>
	<div id="month">
		<div class="hint-text">
			<label>凭证编号：</label> <span data-bind="text:entity_uniqueIdentifier"></span>
		</div>
		<div class="hint-text" id="storSpaceCode">
			<label>车位编号：</label> <span data-bind="text:entity_spaceCode"></span>
		</div>
		<div class="hint-text" style="width:100%;" id="storBeginTime">
			<label>卡有效期：</label> <span data-bind="text:entity_beginTime"></span>~<span data-bind="text:entity_endTime"></span>
		</div>
		<div class="hint-text" >
			<label>充值时间：</label> <span data-bind="text:entity_chargeTime"></span>
		</div>
	</div>
	<div id="way">
		<div class="hint-text" style="width:100%">
			<label>进场通道：</label>
			<div style="width:calc(100% - 120px);display:inline-block;vertical-align:top;">
				<span class="spBg" data-bind="text:entity_chnInName"></span><span class="spArrows">&#10132</span>
				<span class="spBg" data-bind="text:entity_wsnInName"></span><span class="spArrows">&#10132</span>
				<span class="spBg" data-bind="text:entity_parInName"></span>
			</div>
		</div>
		<div class="hint-text" style="width:100%" id="wxOutChn">
			<label>出场通道：</label>
			<div style="width:calc(100% - 120px);display:inline-block;vertical-align:top;">
				<span class="spBg" data-bind="text:entity_parOutName"></span><span class="spArrows">&#10132</span>
				<span class="spBg" data-bind="text:entity_wsnOutName"></span><span class="spArrows">&#10132</span>
				<span class="spBg" data-bind="text:entity_chnOutName"></span>
			</div>
		</div>
	</div>
	<div id="owner">
		<div class="layerTitle left"><span>车主信息</span></div>
		<div class="ownerInfo">
		   <div class="listInfo">
				<div class="hint-text" style="width:100%">
					<label>车主姓名：</label> <span data-bind="text:entity_owner_ownerName"></span>
				</div><br/>
				<div class="hint-text" style="width:100%">
					<label>联系电话：</label> <span data-bind="text:entity_owner_ownerPhone"></span>
				</div><br/>
				<div class="hint-text" style="width:100%">
					<label>联系地址：</label> <span data-bind="text:entity_owner_ownerAddress"></span>
				</div>
		   </div>
		   <div class="listHeader">
				<div class="header" ><img id='headerPoto' src=""/></div>
		   </div>
		</div>
	</div>
	<div class="layerTitle left"><span>支付相关</span></div>
	<div class="hint-text">
		<label>收费方式：</label> <span data-bind="text:entity_chargeMethodName"></span>
	</div>
	<div class="hint-text">
		<label>支付类型：</label> <span data-bind="text:entity_payTypeName"></span>
	</div>
	<div class="hint-text">
		<label>支付平台：</label> <span data-bind="text:entity_payPlatformName"></span>
	</div>
	<div class="hint-text">
		<label>缴费类别：</label> <span data-bind="text:entity_credentialsName"></span>
	</div>
	<div class="hint-text">
		<label>收费员：</label> <span data-bind="text:entity_ouUname"></span>
	</div>
	<div class="hint-text">
		<label>应收金额：</label> <span data-bind="text:entity_dueMoney" class="fontRed"></span>元
	</div>
	<div class="hint-text">
		<label>实收金额：</label> <span data-bind="text:entity_chargeMoney" class="fontRed"></span>元
	</div>
	<div class="hint-text">
		<label>支付时间：</label> <span data-bind="text:entity_onlinePayTime"></span>
	</div>
	<div class="hint-text" style="width:99%;">
		<label>支付订单：</label> <span data-bind="text:entity_payOrderCode" ></span>
	</div>

	<div id="discount">
		<div class="layerTitle left"><span>优惠信息</span></div>
		<div class="hint-text">
			<label>优惠名称：</label> <span data-bind="text:discount_preferentialName" ></span>
		</div>
		<div class="hint-text">
			<label>优惠内容：</label> <span data-bind="text:discount_preferentialContent" ></span>
		</div>
		<div class="hint-text">
			<label>优惠类型：</label> <span data-bind="text:discount_preferentialTypeName"></span>
		</div>
		<div class="hint-text">
			<label>优惠金额：</label> <span data-bind="text:discount_preferentialMoney" class="fontRed"></span>元
		</div>
	</div>
</div>
<script>
    var chargesEdit = new ChargesEdit($('#charges_log_edit_frame'));
</script>
